const client = require('webpack-theme-color-replacer/client'); // 替换颜色对象
const { generate } = require('@ant-design/colors'); // 提取ant-design的颜色
const theme = {
  color: '#D6AA56', //  '#D6AA56'
  mode: 'dark',
  success: '#52c41a', // 成功色
  warning: '#faad14', // 警告色
  error: '#f5222f' // 错误色
};

function getAntdColors(color) {
  return generate(color);
}
function getThemeColors(color) {
  const _color = color || theme.color;
  const replaceColors = getAntdColors(_color);
  console.log(replaceColors);
  return replaceColors;
}

//  动态修改颜色方法

function changeThemeColor(newColor) {
  // console.log('执行了', newColor);
  const promise = client.changer.changeColor({
    newColors: getThemeColors(newColor)
  });
  return promise;
}

// 初始化颜色
function modifyVars(color) {
  const _color = color || theme.color;
  const palettes = getAntdColors(_color);
  const primary = palettes[5]; // ;'#ff00ff'
  return {
    'border-radius-base': '5px',
    'btn-border-radius-base': '5px',
    'border-radius-sm': '2px',
    'table-border-radius-base': '2px',
    'bg-color': '#f2f2f2',
    'primary-color': primary,
    'btn-primary-color': '#fff',
    'text-color': '#333333', // 主文本色
    'text-color-secondary': '#666666', // 次文本色
    'success-color': theme.success,
    'warning-color': theme.warning,
    'error-color': theme.error,
    'processing-color': primary,
    'ant-prefix': 'microapp-con'
  };
}

module.exports = {
  getThemeColors,
  changeThemeColor,
  modifyVars
};
